<!DOCTYPE HTML>
<html lang="en">
  <head>
    <title>首页</title>
	<meta http-equiv="x-ua-compatible" content="ie=edge" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="renderer" content="webkit" />
    
	<!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="../metronic/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="../metronic/assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
    <link href="../metronic/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="../metronic/assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css" />
    <link href="../metronic/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->

    <!-- END PAGE LEVEL STYLES -->
    <!-- BEGIN THEME STYLES -->
    <link href="../metronic/assets/global/css/components.css" id="style_components" rel="stylesheet" type="text/css" />
    <!-- END THEME STYLES -->
    <style type="text/css">
    	.numberCli{
    		font-size: 20px;
		    border-radius: 50%!important;
		    display: inline-block;
		    margin: 10px 10px 0px 0px;
		    padding: 6px 12px;
		    float:right;
    	}
    	.ribbon-content{
    		padding-top:10px !important;
    	}
    	.importData{
    		float: right;
		    position: relative;
		    top: -37px;
		    margin-right: 5px;
    	}
    </style>
	  <script type='text/javascript'>
          function selectFile(){
              //触发 文件选择的click事件
              $("#file").trigger("click");
          }
          function getFilePath(){
              var formData = new FormData();
              formData.append("file",$("#file")[0].files[0]);
              systemIndex.prototype.importProjectData(formData);
              $("#file").val("");
          }
	  </script>
  </head>
  
<body class="page-header-fixed page-quick-sidebar-over-content " style="width: 98%; background: #0f0; background-color: transparent;">
	<div class="note note-success" style="margin-top:16px; margin-bottom:16px;">
		<div style="text-align:left">
		<p>通过项目导出配置的服务数据,用于服务迁移</p>
		</div>
		<div style="text-align:right">
		<button class="btn blue-steel" onclick="selectFile()"> 导入数据 <i class="fa fa-expand"></i></button>
		<input type="file" id="file" onchange="getFilePath()" style="filter:alpha(opacity=0);opacity:0;width: 0;height: 0;"/>
		</div>
	</div>
    <div class="row" >
		<div id="projectList" class="col-md-12">
		</div>
	</div>
	<!-- Begin 弹窗 -->
	<div id="exportData" class="modal fade" tabindex="-1" aria-hidden="true" data-backdrop="static">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title">导出数据脚本</h4>
				</div>
				<div class="modal-body">
					<div class="scroller" style="height:300px" data-always-visible="1" data-rail-visible1="1">
						<div class="form-horizontal form-body">
							<div class="progress progress-striped active" >
						        <div id="pro" class="progress-bar progress-bar-info" role="progressbar"
						             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
						             style="width: 0%;">
						            <span id="sp_gro"  class="sr-only" style="position:relative;">0% 正在导出...</span>
						        </div>
						    </div>
						    <div class="note note-info" style="height:260px; overflow:auto;">
								<div id="logcontent">
									正在导出数据...<br/>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<a id="a_download" href="" class="btn default red-stripe" style="display:none;">点击下载</a>
					<button id="btn_exportClose" type="button" data-dismiss="modal" class="btn default"  style="display:none;">关闭</button>
				</div>
			</div>
		</div>
	</div>
	<!-- End 弹窗 -->
	<!-- Begin 弹窗 -->
	<div id="importData" class="modal fade" tabindex="-1" aria-hidden="true" data-backdrop="static">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title">导入数据脚本</h4>
				</div>
				<div class="modal-body">
					<div class="scroller" style="height:300px" data-always-visible="1" data-rail-visible1="1">
						<div class="form-horizontal form-body">
							<div class="progress progress-striped active" >
								<div id="imppro" class="progress-bar progress-bar-info" role="progressbar"
									 aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
									 style="width: 0%;">
									<span id="impsp_gro"  class="sr-only" style="position:relative;">0% 正在导入...</span>
								</div>
							</div>
							<div class="note note-info" style="height:260px; overflow:auto;">
								<div id="implogcontent">
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button id="btn_importClose" type="button" data-dismiss="modal" class="btn default"  style="display:none;">关闭</button>
				</div>
			</div>
		</div>
	</div>
	<!-- End 弹窗 -->
	<!-- BEGIN CORE PLUGINS -->
	<script src="../metronic/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
    <!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
    <script src="../metronic/assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
    <!-- END CORE PLUGINS -->
    <script src="../js/systemManager/systemIndex.js" type="text/javascript"></script>
</body>
</html>